<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=Cp1252">
		<title>Drag and Drop</title>
		
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
		<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/smoothness/jquery-ui.css" />
		<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>
		
		<link rel="stylesheet" href="./css/main.css" />
		<script rel="stylesheet" src="./js/main.js"/ type="text/javascript"></script>
	</head>
    <body>
    	<div id="container">
    	
    		<div id="slidebar">
    			<!-- CHOOSE OTHER DECKS -->
    			<!-- ICONS -->
    		</div>
    		
    		<div id="slidebarClick">
    			<!-- //ICON DROPDOWN / DROPUP -->
    		</div>
    	
    		<!-- DECK -->
    		<div class="decksOverview">
    		
    			<!--  STACK -->
    			<div class="stackContainer">
    				
    				<!-- stack header -->
    				<div class="stackHeader red">
						<!--  //stack name -->
					</div>
						
					<!-- CARDS -->
					<ul class="stackList" id="stack1">
						
						<!-- CARD -->
						<li class="card cardInStack">
							<div class="cardName">
								<!-- //card name -->
							</div>
							<div class="cardShortDescription">
								<!-- //card short description -->
							</div>
						</li>
						<!-- END CARD -->
					</ul>
					<!-- END CARDS -->
					
				</div>
				<!--  END STACK -->
				
    		</div>
    		<!--  END DECK -->
    	</div>
    </body>
</html>